:root {
    --main-white: #FFFFFF;
    --main-green: #10B981;
    --main-green-500: #10B981;
    --main-green-300: #6EE7B7;
    --main-yellow: #FACC15;
    --main-black: #000000;
    --main-black-100: rgba(0, 0, 0, .5);
    --main-gray-800: #1F2937;
    --main-gray-600: #4B5563;
    --main-gray-700: #374151;
    --main-gray-400: #9CA3AF;
    --main-gray-500: #6B7280;
    --main-gray-100: #F3F4F6;
    --main-gray-50: #F9FAFB;
    --main-gray-300: #D1D5DB;
    --main-gray-200: #E5E7EB;
    --main-gray-900: #111827;
    --main-red-400: #F87171;
    --main-blue-500: #3B82F6;
    --main-black-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

* {
    box-sizing: border-box;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    scrollbar-width: none;
}

*>ul {
    margin: 0;
    padding: 0;
}

*>ul li {
    list-style: none;
}

*>a,
*>a:hover,
*>a:active,
*>a:visited {
    text-decoration: none;
    color: var(--main-black);
}

*::-webkit-scrollbar {
    display: none;
}

body::-webkit-scrollbar {
    display: none;
}

.b-container {
    margin: 0 auto;
    max-width: 32rem;
}

.b-container .cover {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--main-black-100);
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 999;
}